
    <div class="navTop">
        <div class="nav">
            <div class="container">
                <ul class="nav-ul nav-left clearfix">
                    <li><a href="../index.html">首页</a></li>
                    <li><a href="">华为官网</a></li>
                    <li><a href="">花粉俱乐部</a></li>
                    <li><a href="">V码(优购码)</a></li>
                    <li><a href="">企业购</a></li>
                    <li><a href="">Select Region</a></li>
                    <li class="caidan">
                        <a href="" class="xiala">更多精彩
                            <span class="iconfont icon-xiala"></span>
                            <span class="iconfont icon-shangla"></span>
                        </a>
                        <ul class="catalog">
                            <li><a href="">HarmonyOS</a></li>
                            <li><a href="">应用市场</a></li>
                            <li><a href="">华为市场云空间</a></li>
                            <li><a href="">开发者联盟</a></li>
                        </ul>
                    </li>

                </ul>
                <ul class="nav-ul nav-right clearfix">
                    <li>
                        <section>
                            <span class="name">欢迎：王竹君</span>
                            <span class="out">退出</span>
                            <a href="./login.html" class="login">请登录</a>
                        </section>
                    </li>
                    <li><a href="">注册</a></li>
                    <li><a href="">我的订单</a></li>
                    <li class="caidan">
                        <a href="" class="xiala">客服
                            <span class="iconfont icon-xiala"></span>
                            <span class="iconfont icon-shangla"></span>
                        </a>
                        <ul class="catalog">
                            <li></li>
                            <li></li>
                        </ul>
                    </li>
                    <li class="caidan">
                        <a href="" class="xiala">网站导航
                            <span class="iconfont icon-xiala"></span>
                            <span class="iconfont icon-shangla"></span>
                        </a>
                        <ul class="catalog">
                            <li>
                                <span class="iconfont icon-zhuye1"></span>
                                <p>商城首页</p>
                            </li>
                            <li>
                                <div>
                                    <h4>频道</h4>
                                    <a href="">华为专区</a>
                                    <a href="">教育优惠</a>
                                    <a href="">企业购</a>
                                    <a href="">HarmonyOS</a>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <h4>产品</h4>
                                    <span>
                                        <a href="">手机</a>
                                        <a href="">平板</a>
                                        <a href="">智能家居</a>
                                        <a href="">耳机音响</a>
                                        <a href="">生态产品</a>
                                    </span>
                                    <span>
                                        <a href="">电脑</a>
                                        <a href="">平板</a>
                                        <a href="">智能家居</a>
                                        <a href="">耳机音响</a>
                                        <a href="">生态产品</a>
                                    </span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <h4>增值服务</h4>
                                    <span>
                                        <a href="">以旧换新</a>
                                        <a href="">一口价换电池</a>
                                        <a href="">穿戴延保</a>
                                        <a href="">活动公告</a>
                                    </span>
                                    <span>
                                        <a href="">补够保证</a>
                                        <a href="">音频延保</a>
                                        <a href="">智慧屏全质保</a>
                                    </span>
                                </div>
                            </li>
                            <li>
                                <div>
                                    <h4>会员</h4>
                                    <a href="">会员频道</a>
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li class="caidan">
                        <a href="" class="xiala">手机版
                            <span class="iconfont icon-xiala"></span>
                            <span class="iconfont icon-shangla"></span>
                        </a>
                        <ul class="catalog">
                            <li><a href=""><img src="../img/shouji1.png"></a></li>
                            <li><a href=""><img src="../img/shouji2.png"></a></li>
                            <li><a href=""><img src="../img/shouji3.png"></a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <div class="navBottom">
        <div class="container">
            <div class="logo"><a href=""><img src="../img/logo.png"></a></div>
            <ul class="clearfix">
                <li><a href="">华为专区</a></li>
                <li><a href="">鸿蒙智联</a></li>
                <li><a href="">莫塞尔</a></li>
                <li><a href="">华为智选</a></li>
                <li><a href="">HarmonyOS</a></li>
                <li><a href="">特惠采企</a></li>
                <li><a href="">教育购</a></li>
            </ul>
            <div class="search">
                <span class="iconfont icon-sousuo"></span>
                <input type="text" placeholder="搜一搜" class="search1">
                <ul class="key"></ul>
            </div>
            <a href="./cart.html">
                <div class="cart">
                    <span class="iconfont icon-gouwuchekong"></span>
                    <em>0</em>
                </div>
            </a>
        </div>
    </div>